<template>
    <div>
        <pagetitle type="2"></pagetitle>
        <el-card class="operatingrecord">
            <template #header>
                <div class="serchbox">
                    <div class="left">
                        <el-input v-model="input" class="serchs" placeholder="请输入要搜索得关键词" suffix-icon="el-icon-search" />
                        <el-button type="primary" text bg>搜索</el-button>

                        <span>*搜索范围：板块名称、组织机构类型、经济行业、操作人员等信息</span>
                    </div>
                    <el-button type="primary" text bg @click="topages('/maintenance/configuration/addplate')">新增</el-button>
                </div>
            </template>
            <el-table :data="tableData" style="width: 100%" row-key="id">
                <el-table-column prop="id" label="序号" width="50px"></el-table-column>
                <el-table-column label="提交时间"></el-table-column>
                <el-table-column label="二级板块名称"></el-table-column>
                <el-table-column label="赋能组织机构类型"></el-table-column>
                <el-table-column label="赋能经济行业分类"></el-table-column>
                <el-table-column label="操作人员"></el-table-column>
                <el-table-column label="操作" width="170">
                    <template #default>
                        <el-button type="primary" size="small" link @click="topages('/maintenance/configuration/addplate')">查看</el-button>
                        <el-button type="primary" size="small" link @click="topages('/maintenance/configuration/addplate')">修改</el-button>
                        <el-button type="danger" size="small" link>删除</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <pagination :totalNum="60"></pagination>
        </el-card>
    </div>
</template>
<script setup lang="ts">
import { ref } from "vue";
import { useRouter } from "vue-router";
const router = useRouter();
const dialogVisible = ref(false);
const dialogTitle = ref("新增资源");
const formInline: any = {};
const input = ref("");
const topages = (t: string) => {
    router.push(t);
};
const tableData = [
    {
        id: 3,
        date: "2016-05-01",
        name: "wangxiaohu",
        address: "No. 189, Grove St, Los Angeles",
    },
    {
        id: 4,
        date: "2016-05-03",
        name: "wangxiaohu",
        address: "No. 189, Grove St, Los Angeles",
    },
];
</script>
<style scoped lang="scss">
.operatingrecord {
    .serchbox {
        display: flex;
        justify-content: space-between;
        align-items: center;
        .left {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            .serchs {
                width: 300px;
                margin-right: 20px;
            }
            span {
                color: #999999;
                font-size: 12px;
                margin-left: 10px;
            }
        }
    }
}
</style>
